//入口函数
$(function () {
    //点击a链接，显示隐藏
    $('#loginBox a').on('click', function () {
        $('#loginBox').hide();
        $('#regBox').show();
    });
    $('#regBox a').on('click', function () {
        $('#loginBox').show();
        $('#regBox').hide();
    });

    //自定义校验规则
    // 只要引入layui.all.js 就有一个layui对象
    let form = layui.form;
    // form里有一个方法 verify()，参数是一个对象,属性是规则名称，值是规则  
    form.verify({
        // 值有两种：数组、函数
        username: [
            /^[\S]{1,10}$/,
            '用户名必须是1-10位，且不能出现空格'
        ],
        pwd: [
            /^[\S]{6,15}$/,
            '密码必须是6-15位，且不能出现空格'
        ],
        rePwd: function (value) {
            // value就是你给哪个标签添加这个校验规则，这个标签的值就赋值给value
            let pwd = $('#regBox input[name=password]').val();
            // 如果原密码的值和确认密码的值不相等，就报错
            if (pwd !== value) {
                return '两次密码输入不一致'
            };
        }
    });

    //注册功能
    let layer = layui.layer;
    $('#formReg').on('submit', function (e) {
        e.preventDefault();
        axios({
            method: 'POST',
            url: ' /api/reguser',
            data: $(this).serialize()
        }).then(res => {
            console.log(res.data);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message);
            };
            layer.msg('恭喜您，注册成功！');
            //切换到登录模块
            $('#regBox a').click();
            $('#formReg')[0].reset();
        });
    });

    // 登录功能
    $('#formLogin').on('submit', function (e) {
        e.preventDefault();
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res => {
            // console.log(res.data);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message);
            };
            layer.msg('恭喜您，登录成功！');
            localStorage.setItem('token', res.data.token);
            //页面跳转到index.html
            location.href = '/index.html'
        });
    });

});